// react 项目实战 用户统计页面 左侧二级菜单
import React from 'react';
import { NavLink } from 'react-router-dom';
import {
    MessageOutlined,
  } from '@ant-design/icons';
import './UserSide.css';

function Side(props) {
    return (
        <div className='side'>
                <ul>
                    <div className='userAll'>
                        <li><MessageOutlined />  用户统计</li>
                    </div>
                    
                    <div className='list'>
                    {/* <NavLink
                        className={({ isActive }) => (isActive ? 'active' : '')}
                        to="/home">
                        首页
                    </NavLink> */}
                        <li>
                            <NavLink to="allList">用户概况</NavLink>
                        </li>
                        <li><NavLink to="studentList">学生列表</NavLink></li>
                        <li><NavLink to="teacherList">老师列表</NavLink></li>
                        <li><NavLink to="parentsList">家长列表</NavLink></li>
                    </div>
                    
                </ul>
        </div>
    );
}
        
export default Side;